<%@ page contentType="text/html;charset=UTF-8"%>
<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title>新增管理员</title>
     <%@ include file="/WEB-INF/views/admin/commons/head-meta.jsp" %>
	<%@ include file="/WEB-INF/views/admin/commons/js-meta.jsp" %>
	<link href="${ctx }/template/hplus/css/plugins/iCheck/custom.css?v=${version}" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="${ctx }/template/hplus/css/plugins/webuploader/webuploader.css?v=${version}">
     <link rel="stylesheet" href="${static_ctx}/adminfile/zTreeStyle/demo.css" type="text/css">
	<link rel="stylesheet" href="${static_ctx}/adminfile/zTreeStyle/zTreeStyle.css" type="text/css">
    <link rel="stylesheet" type="text/css" href="${ctx }/template/hplus/css/demo/webuploader-demo.css?v=${version}">
    <style type="text/css">
      #funcregTree li{
		padding: 5px 0;
		display: block;
	    border-top: 1px solid #e7e7eb;
	    width: 100%;
	 }
	 .fxcontent{
		height: calc(100% - 80px);
	 }
	 .btn-primary{
	 	margin-left: 10px;
	 }
	 .wrapper {
	    height: calc(100%);
	 }
	 .ibox{
	 	margin-bottom: 0
	 }
    </style>

</head>

<body class="gray-bg">
	<form  class="form-horizontal" id="submitForm" style="height: 100%">
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row fxbox">
            <div class="col-sm-12 fxcontent">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>新增<small> 管理员</small></h5>
                        <div class="ibox-tools">
                             <a class="collapse-link" onclick="myRefresh()">
                                <i class="glyphicon glyphicon-refresh"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ibox-content">
                        	<input type="hidden" name="id" id="id" value="">
                        <div class="form-group">
                            <label class="col-sm-2 control-label"><i style="color:red;">*</i>账号</label>
                            <div class="col-sm-3">
                                <input type="text" class="form-control trimInput" name="account" value = "">
                            </div>
                        </div>
                            <%--<div class="hr-line-dashed"></div>--%>
                            <%--<div class="form-group">--%>
                                <%--<label class="col-sm-2 control-label"><i style="color:red;">*</i>姓名</label>--%>
                                <%--<div class="col-sm-3">--%>
                                    <%--<input type="text" class="form-control trimInput" name="name" value="${admin.name }"> --%>
                                <%--</div>--%>
                            <%--</div>--%>
                            <div class="hr-line-dashed"></div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label"><i style="color:red;">*</i>联系电话</label>
                                <div class="col-sm-3">
                                    <input type="text" class="form-control trimInput" name="phone" value = "">
                                </div>
                            </div>
                            <div class="hr-line-dashed"></div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label"><i style="color:red;">*</i>角色</label>
                                <div class="col-sm-3">
                                    <select class="form-control m-b" name="roleId">
                                        <c:forEach items="${roles }" var="role">
	                                        <option value="${role.id }">${role.name }</option>
                                        </c:forEach>
                                    </select>
                                </div>
                            </div>
                            <div class="hr-line-dashed"></div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label"><i style="color:red;">*</i>状态</label>

                                <div class="col-sm-10">
                                    <div class="radio i-checks">
                                        <label>
                                            <input type="radio" checked="" value="10" name="status"> <i></i> 正常
                                        </label>
                                        <label>
                                        	<input type="radio" value="20" name="status" > <i></i> 禁用
                                        </label>
                                    </div>
                                </div>
                            </div>
	                    </div>
	                </div>
	            </div>
	        	<div class="col-sm-12 fxfl" style="height: 59px;overflow: hidden;">
	        		<div class="ibox float-e-margins">
	        			<div class="ibox-content">
	        				<div class="form-group ">
	        					<div class="row">
		                           <div class="col-sm-7 ">
	                              		<button class="btn btn-sm col-sm-offset-1 btn-primary" type="submit">提交</button>
	                                   <!--  <button class="btn btn-sm col-sm-offset-1 btn-white" style="margin-left: 10px" onclick="goList();">取消并返回</button> -->
		                           </div>
		                        </div>
	                       </div>
	        			</div>
	        		</div>
	        	</div>
	        </div>
	    </div>
   </form>
    <!-- iCheck -->
    <script src="${ctx }/template/hplus/js/plugins/iCheck/icheck.min.js?v=${version}"></script>
	<script type="text/javascript" src="${static_ctx}/js/zTree/jquery.ztree.all-3.5.js"></script>
     <!-- jQuery Validation plugin javascript-->
    <script src="${ctx }/template/hplus/js/plugins/validate/jquery.validate.min.js?v=${version}"></script>
    <script src="${ctx }/template/hplus/js/plugins/validate/messages_zh.min.js?v=${version}"></script>
    <script src="${ctx }/template/js/form-validate-demo.js?v=${version}"></script>
    <script src="${ctx }/js/admin/admin/add.js?v=${version}"></script>
    <script type="text/javascript" src="${static_ctx}/js/zTree/jquery.ztree.all-3.5.js"></script>
    <script>
        
        function goList() {
            location.href = ctx + '/admin/admin/go/list';
        }
        
        function myRefresh(){
     		 window.location.reload(); 
     	 }
       
       function myHistory(){
   		window.history.back();
   	}
    </script>


</body>

</html>
